<style>
    .leftDiv{
        width: 48%;
        float: left;
        margin-bottom: 10px;
    }
    .rightDiv{
        width: 48%;
        float: right;
        margin-bottom: 10px;
    }
    /* 半透明的遮罩层 */
    #overlay {
        background: white;
        /*filter: alpha(opacity=50); !* IE的透明度 *!*/
        /*opacity: 0.5;  !* 透明度 *!*/
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 99999; /* 此处的图层要大于页面 */
        /*display:none;*/
    }
    .layui-timeline-title a {
        text-decoration:none !important;
    }
    .panel-header{
        background-color: #0066cc;
    }
    .m-title{
        color: white;
    }
    .l-btn-plain:hover  {
        border:0;
        background-color: #0066cc;
    }
    /*.l-btn-focus {*/
        /*outline: #0000FF #0066cc thin!important;*/
    /*}*/
</style>

{#主界面#}
<div id="mainPanel" class="easyui-navpanel">
    <header>
        <div class="m-toolbar">
            <div id="mainPanel-title" class="m-title">欢迎</div>
        </div>
    </header>
    <form id="form" method="post" style="height: 100%;">
        <div class="easyui-tabs" data-options="fit:false,border:false,tabWidth:100,tabHeight:35" >
            <div title="欢迎" style="padding:10px">
                <p>欢迎您加盟学海教育科技有限公司!填报前请仔细阅读以下文字。</p>
                <p><font color='red'>*</font>&nbsp;1.请如实填写，如果没有或不便回答的情况，则不填写。</p>
                <p><font color='red'>*</font>&nbsp;2.应聘资料仅作为招聘用途，代为保密，恕不退还。</p>
                <hr>

                <div style="margin-bottom:10px">
                    <div class="leftDiv">
                        <input id="sPostName" class="easyui-textbox" label="<font color='red'>*</font>&nbsp;应聘职位:" name="sPostName" style="width:100%"
                               data-options="labelPosition:'top',prompt:'应聘岗位'" />
                    </div>
                    <div class="rightDiv">
                        <input id="sMaxHire" class="easyui-numberspinner" label="<font color='red'>*</font>&nbsp;接受录用可在几天内到职:" name="sMaxHire" style="width:100%"
                               data-options="labelPosition:'top',value:3, min:1, max: 1000,editable:false"/>
                    </div>
                </div>
                <div style="margin-bottom:10px">
                    <div class="leftDiv">
                        <select id="iEmploySource" class="easyui-combobox" label="<font color='red'>*</font>&nbsp;应聘途径:" name="iEmploySource" style="width:100%"
                                data-options="editable:false,labelPosition:'top'">
                            <option value="">请选择</option>
                            {% if enums['iEmploySource'] is defined %}
                                {% for id,text in enums['iEmploySource']  %}
                                    <option value="{{ id }}">{{ text }}</option>
                                {% endfor %}
                            {% endif %}
                        </select>
                    </div>
                    <div id="staff" class="rightDiv" style="display: none">
                        <select id="iRecStaff" class="easyui-combobox" label="推荐人:" name="iRecStaff" style="width:100%"
                                data-options="editable:true,labelPosition:'top',panelHeight:150">
                        </select>
                    </div>
                </div>
            </div>
            <div title="基本信息" style="padding:10px">
                <div style="margin-bottom:10px">
                    <div class="leftDiv">
                        <input id="sStaffName" class="easyui-textbox" label="<font color='red'>*</font>&nbsp;姓名:" name="sStaffName" style="width:100%"
                               data-options="labelPosition:'top',prompt:'姓名'" />
                    </div>
                    <div class="rightDiv">
                        <select id="iUserSex" class="easyui-combobox" label="<font color='red'>*</font>&nbsp;性别:" name="iUserSex" style="width:100%"
                                data-options="editable:false,labelPosition:'top',panelHeight:50">
                            <option value="1">男</option>
                            <option value="2">女</option>
                        </select>
                    </div>
                </div>
                <div style="margin-bottom:10px">
                    <div class="leftDiv">
                        <input id="tBirthday" class="easyui-datebox" label="<font color='red'>*</font>&nbsp;出生年月:" name="tBirthday" style="width:100%"
                               data-options="labelPosition:'top',prompt:'1994-07-29'" />
                    </div>
                    <div class="rightDiv">
                        <input id="sNationName" class="easyui-textbox" label="<font color='red'>*</font>&nbsp;民族:" name="sNationName" style="width:100%"
                               data-options="labelPosition:'top',prompt:'民族'" />
                    </div>
                </div>
                <div style="margin-bottom:10px">
                    <div class="leftDiv">
                        <input id="sNativePlace" class="easyui-textbox" label="<font color='red'>*</font>&nbsp;籍贯:" name="sNativePlace" style="width:100%"
                               data-options="labelPosition:'top',prompt:'浙'" />
                    </div>
                    <div class="rightDiv">
                        <select id="bMarried" class="easyui-combobox" label="<font color='red'>*</font>&nbsp;婚育状况:" name="bMarried" style="width:100%"
                                data-options="editable:false,labelPosition:'top',panelHeight:50">
                            <option value="0">未婚</option>
                            <option value="1">已婚</option>
                        </select>
                    </div>
                </div>
                <div style="margin-bottom:10px">
                    <div class="leftDiv">
                        <input id="sCultureLevel" class="easyui-textbox" label="<font color='red'>*</font>&nbsp;文化程度:" name="sCultureLevel" style="width:100%"
                               data-options="labelPosition:'top',prompt:'本科'" />
                    </div>
                    <div class="rightDiv">
                        <input id="sSelfPhone" class="easyui-textbox" label="<font color='red'>*</font>&nbsp;联系电话:" name="sSelfPhone" style="width:100%"
                               data-options="labelPosition:'top',prompt:'手机号码'" />
                    </div>
                </div>
                <div style="margin-bottom:10px">
                    <input id="sIdentityCode" class="easyui-textbox" label="<font color='red'>*</font>&nbsp;身份证:" name="sIdentityCode" style="width:100%"
                           data-options="labelPosition:'top',prompt:'身份证'" />
                </div>
                <div style="margin-bottom:10px">
                    <input id="sNowAddress" class="easyui-textbox" label="<font color='red'>*</font>&nbsp;家庭住址:" name="sNowAddress" style="width:100%"
                           data-options="labelPosition:'top',prompt:'家庭住址'" />
                </div>
                <div style="margin-bottom:10px">
                    <div class="leftDiv">
                        <input id="sEmailAddress" class="easyui-textbox" label="<font color='red'>*</font>&nbsp;电子邮箱:" name="sEmailAddress" style="width:100%"
                               data-options="labelPosition:'top',prompt:'电子邮箱'" />
                    </div>
                    <div class="rightDiv">
                        <select id="bEvection" class="easyui-combobox" label="<font color='red'>*</font>&nbsp;是否愿意驻外/出差:" name="bEvection" style="width:100%"
                                data-options="editable:false,labelPosition:'top',panelHeight:50">
                            <option value="1">是</option>
                            <option value="0">否</option>
                        </select>
                    </div>
                </div>
                <div style="margin-bottom:10px">
                    <div class="leftDiv">
                        <input id="mHealth" class="easyui-textbox" label="<font color='red'>*</font>&nbsp;健康状况:" name="mHealth" style="width:100%"
                               data-options="labelPosition:'top',prompt:'健康'" />
                    </div>
                    <div class="rightDiv">
                        <input id="sPostLevel" class="easyui-textbox" label="<font color='red'>*</font>&nbsp;职称:" name="sPostLevel" style="width:100%"
                               data-options="labelPosition:'top',prompt:'职称'" />
                    </div>
                </div>
                <div style="margin-bottom:10px">
                    <div class="leftDiv">
                        <select id="bCarPlate" class="easyui-combobox" label="<font color='red'>*</font>&nbsp;是否有驾驶证:" name="bCarPlate" style="width:100%"
                                data-options="editable:false,labelPosition:'top',panelHeight:50">
                            <option value="1">是</option>
                            <option value="0">否</option>
                        </select>
                    </div>
                    <div class="rightDiv">
                        <input id="sUseCar" class="easyui-textbox" label="准驾车型:" name="sUseCar" style="width:100%"
                               data-options="labelPosition:'top',prompt:'准驾车型'" />
                    </div>
                </div>
                <div style="margin-bottom:10px">
                    <div class="leftDiv">
                        <select id="iCarVeteran" class="easyui-combobox" label="<font color='red'>*</font>&nbsp;是否经常开车:" name="iCarVeteran" style="width:100%"
                                data-options="editable:false,labelPosition:'top',panelHeight:80">
                            <option value="0">未曾</option>
                            <option value="1">偶尔</option>
                            <option value="2">经常</option>
                        </select>
                    </div>
                </div>
            </div>
            <div title="主要教育及培训经历" style="padding:10px">
                <ul id="tchHistory" class="layui-timeline">
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">2017-07-01至2018-06-09  <a class="pull-right btn-sm" onclick="obj.funObj().delArray('tchHistory',0)" style="color: red"><i class="fa fa-trash fa-sm "></i>删除</a> <a class="pull-right btn-sm" onclick="obj.funObj().editForm('#tchPanel',0)"><i class="fa fa-pencil fa-sm "></i>编辑</a>  </h3>
                            <p style="font-size: medium">某某培训机构</p>
                            <p style="font-size: medium">学位</p>
                            <p style="font-size: medium">专业</p>
                            <p>
                                考试获得学位
                            </p>
                            <hr>
                        </div>
                    </li>
                </ul>

            </div>
            <div title="主要工作经历" style="padding:10px">
                <ul id="workHistory" class="layui-timeline">
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">2017-07-01至2018-06-09  <a class="pull-right btn-sm" onclick="obj.funObj().delArray('tchHistory',0)" style="color: red"><i class="fa fa-trash fa-sm "></i>删除</a> <a class="pull-right btn-sm" onclick="obj.funObj().editForm('#tchPanel',0)"><i class="fa fa-pencil fa-sm "></i>编辑</a>  </h3>
                            <p style="font-size: medium">某某培训机构</p>
                            <p style="font-size: medium">学位</p>
                            <p style="font-size: medium">专业</p>
                            <p>
                                考试获得学位
                            </p>
                            <hr>
                        </div>
                    </li>
                </ul>
            </div>
            <div title="重要项目经历" style="padding:10px">
                <ul id="itemHistory" class="layui-timeline">
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">2017-07-01至2018-06-09</h3>
                            <p>
                                layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。
                                不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
                                无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <div title="家庭成员" style="padding:10px">
                <ul id="family" class="layui-timeline">
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">2017-07-01至2018-06-09  <a class="pull-right btn-sm" onclick="obj.funObj().delArray('tchHistory',0)" style="color: red"><i class="fa fa-trash fa-sm "></i>删除</a> <a class="pull-right btn-sm" onclick="obj.funObj().editForm('#tchPanel',0)"><i class="fa fa-pencil fa-sm "></i>编辑</a>  </h3>
                            <p style="font-size: medium">某某培训机构</p>
                            <p style="font-size: medium">学位</p>
                            <p style="font-size: medium">专业</p>
                            <p>
                                考试获得学位
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <div title="期望及评价" style="padding:10px">
                <div style="margin-bottom:10px">
                    <div class="leftDiv">
                        <input  class="easyui-textbox sCurMoSalary" label="当前月薪:" name="sCurMoSalary" style="width:100%"
                                data-options="labelPosition:'top',prompt:'6000元'" />
                    </div>
                    <div class="rightDiv">
                        <input  class="easyui-textbox sCurYeSalary" label="当前年薪:" name="sCurYeSalary" style="width:100%"
                                data-options="labelPosition:'top',prompt:'10万元'" />
                    </div>
                </div>
                <div style="margin-bottom:10px">
                    <div class="leftDiv">
                        <input  class="easyui-textbox sHpMoSalary" label="<font color='red'>*</font>&nbsp;期望月薪:" name="sHpMoSalary" style="width:100%"
                                data-options="labelPosition:'top',prompt:'8000元'" />
                    </div>
                    <div class="rightDiv">
                        <input  class="easyui-textbox sHpYeSalary" label="<font color='red'>*</font>&nbsp;期望年薪:" name="sHpYeSalary" style="width:100%"
                                data-options="labelPosition:'top',prompt:'16万元'" />
                    </div>
                </div>
                <div style="margin-bottom:10px">
                    <input  class="easyui-textbox mEvaluate" label="个人发展目标及自我评价:" name="mEvaluate" style="width:100%;height: 200px;"
                            data-options="labelPosition:'top',prompt:'个人发展目标及自我评价',multiline:true" />
                </div>
                <div style="margin-bottom:10px">
                    <a id="save" class="easyui-linkbutton" data-options="iconCls:'fa fa-save fa-lg'" style="padding:5px 0px;width:100px;float: right;margin-right: 5px;">
                        <span style="font-size:14px;">提交</span>
                    </a>
                </div>
            </div>
        </div>

    </form>
    <footer>
        <div class="m-toolbar" style="background-color: #fafafa">
            <a id="preStep" class="easyui-linkbutton pull-left" style="width:80px;margin-left: 10px;">上一步</a>
            <a id="nextStep" class="easyui-linkbutton pull-right" style="width:80px;margin-right: 10px;">下一步</a>
        </div>
    </footer>
    <div id="overlay"></div>
</div>
{#教育历史#}
<div id="tchPanel" class="easyui-navpanel">
    <header>
        <div class="m-toolbar">
            <div class="m-left">
                <a id="tchBack" href="#mainPanel" class="easyui-linkbutton" data-options="plain:true,outline:false,animation:'slide',direction:'right'" style="color: white">返回</a>
            </div>
            <div class="m-title">教育经历</div>
            <div class="m-right">
                <a class="easyui-linkbutton" data-options="plain:true,outline:false" style="color: white" onclick="obj.funObj().saveTch()">保存</a>
            </div>
        </div>
    </header>
    <form style="padding: 10px;">
        <div style="margin-bottom:10px">
            <div class="leftDiv">
                <input  class="easyui-datebox sStartTime month" label="<font color='red'>*</font>&nbsp;开始时间:" name="sStartTime" style="width:100%"
                       data-options="labelPosition:'top',prompt:'2014-09'" />
            </div>
            <div class="rightDiv">
                <input  class="easyui-datebox sEndTime month" label="<font color='red'>*</font>&nbsp;结束时间:" name="sEndTime" style="width:100%"
                       data-options="labelPosition:'top',prompt:'2018-06,不填表示至今'" />
            </div>
        </div>
        <div style="margin-bottom:10px">
            <input  class="easyui-textbox sName" label="<font color='red'>*</font>&nbsp;学校或培训机构名称:" name="sName" style="width:100%"
                   data-options="labelPosition:'top',prompt:'XX学校'" />
        </div>
        <div style="margin-bottom:10px">
            <div class="leftDiv">
                <input  class="easyui-textbox sExtraName" label="学位:" name="sExtraName" style="width:100%"
                       data-options="labelPosition:'top',prompt:'学士'" />
            </div>
            <div class="rightDiv">
                <input  class="easyui-textbox sMajor" label="专业:" name="sMajor" style="width:100%"
                       data-options="labelPosition:'top',prompt:'计算机技术'" />
            </div>
        </div>
        <div style="margin-bottom:10px">
            <input  class="easyui-textbox mDesc" label="获得什么证书:" name="mDesc" style="width:100%"
                   data-options="labelPosition:'top',prompt:'获得什么证书'" />
        </div>
    </form>
</div>

{#工作历史#}
<div id="workPanel" class="easyui-navpanel">
    <header>
        <div class="m-toolbar">
            <div class="m-left">
                <a id="workBack" href="#mainPanel" class="easyui-linkbutton" data-options="plain:true,outline:false,animation:'slide',direction:'right'" style="color: white">返回</a>
            </div>
            <div class="m-title">工作经历</div>
            <div class="m-right">
                <a class="easyui-linkbutton" data-options="plain:true,outline:false" style="color: white" onclick="obj.funObj().saveWork()">保存</a>
            </div>
        </div>
    </header>
    <form style="padding: 10px;">
        <div style="margin-bottom:10px">
            <div class="leftDiv">
                <input  class="easyui-datebox sStartTime month" label="<font color='red'>*</font>&nbsp;开始时间:" name="sStartTime" style="width:100%"
                        data-options="labelPosition:'top',prompt:'2014-09'" />
            </div>
            <div class="rightDiv">
                <input  class="easyui-datebox sEndTime month" label="<font color='red'>*</font>&nbsp;结束时间:" name="sEndTime" style="width:100%"
                        data-options="labelPosition:'top',prompt:'2018-06,不填表示至今'" />
            </div>
        </div>
        <div style="margin-bottom:10px">
            <input  class="easyui-textbox sName" label="<font color='red'>*</font>&nbsp;单位:" name="sName" style="width:100%"
                    data-options="labelPosition:'top',prompt:'XX公司'" />
        </div>
        <div style="margin-bottom:10px">
            <div class="leftDiv">
                <input  class="easyui-textbox sCertifier" label="证明人:" name="sCertifier" style="width:100%"
                        data-options="labelPosition:'top',prompt:'证明人'" />
            </div>
            <div class="rightDiv">
                <input  class="easyui-textbox sPhone" label="电话:" name="sPhone" style="width:100%"
                        data-options="labelPosition:'top',prompt:'电话'" />
            </div>
        </div>
        <div style="margin-bottom:10px">
            <div class="leftDiv">
                <input  class="easyui-textbox sExtraName" label="<font color='red'>*</font>&nbsp;职位:" name="sExtraName" style="width:100%"
                        data-options="labelPosition:'top',prompt:'职位'" />
            </div>
        </div>
        <div style="margin-bottom:10px">
            <input  class="easyui-textbox mDesc" label="离职原因:" name="mDesc" style="width:100%"
                    data-options="labelPosition:'top',prompt:'离职原因'" />
        </div>
    </form>
</div>

{#重要项目经历#}
<div id="itemPanel" class="easyui-navpanel">
    <header>
        <div class="m-toolbar">
            <div class="m-left">
                <a id="itemBack" href="#mainPanel" class="easyui-linkbutton" data-options="plain:true,outline:false,animation:'slide',direction:'right'" style="color: white">返回</a>
            </div>
            <div class="m-title">重要项目经历</div>
            <div class="m-right">
                <a class="easyui-linkbutton" data-options="plain:true,outline:false" style="color: white" onclick="obj.funObj().saveItem()">保存</a>
            </div>
        </div>
    </header>
    <form style="padding: 10px;">
        <div style="margin-bottom:10px">
            <div class="leftDiv">
                <input  class="easyui-datebox sStartTime month" label="<font color='red'>*</font>&nbsp;开始时间:" name="sStartTime" style="width:100%"
                        data-options="labelPosition:'top',prompt:'2014-09'" />
            </div>
            <div class="rightDiv">
                <input  class="easyui-datebox sEndTime month" label="<font color='red'>*</font>&nbsp;结束时间:" name="sEndTime" style="width:100%"
                        data-options="labelPosition:'top',prompt:'2018-06,不填表示至今'" />
            </div>
        </div>
        <div style="margin-bottom:10px">
            <input  class="easyui-textbox sName" label="<font color='red'>*</font>&nbsp;项目名称:" name="sName" style="width:100%"
                    data-options="labelPosition:'top',prompt:'项目名称'" />
        </div>
        <div style="margin-bottom:10px">
            <input  class="easyui-textbox mDesc" label="工作详情阐述:" name="mDesc" style="width:100%;height: 200px;"
                    data-options="labelPosition:'top',prompt:'工作详情阐述',multiline:true" />
        </div>
    </form>
</div>

{#家人组成#}
<div id="contactPanel" class="easyui-navpanel">
    <header>
        <div class="m-toolbar">
            <div class="m-left">
                <a id="familyBack" href="#mainPanel" class="easyui-linkbutton" data-options="plain:true,outline:false,animation:'slide',direction:'right'" style="color: white">返回</a>
            </div>
            <div class="m-title">主要家庭成员</div>
            <div class="m-right">
                <a class="easyui-linkbutton" data-options="plain:true,outline:false" style="color: white" onclick="obj.funObj().saveContact()">保存</a>
            </div>
        </div>
    </header>
    <form style="padding: 10px;">
        <div style="margin-bottom:10px">
            <div class="leftDiv">
                <input  class="easyui-textbox sName" label="<font color='red'>*</font>&nbsp;姓名:" name="sName" style="width:100%"
                        data-options="labelPosition:'top',prompt:'姓名'" />
            </div>
            <div class="rightDiv">
                <input  class="easyui-textbox sRelation" label="<font color='red'>*</font>&nbsp;关系:" name="sRelation" style="width:100%"
                        data-options="labelPosition:'top',prompt:'关系:父亲，母亲，姐姐'" />
            </div>
        </div>
        <div style="margin-bottom:10px">
            <div class="leftDiv">
                <input  class="easyui-textbox sPhone" label="<font color='red'>*</font>&nbsp;联系电话:" name="sPhone" style="width:100%"
                        data-options="labelPosition:'top',prompt:'联系电话'" />
            </div>
        </div>
        <div style="margin-bottom:10px">
            <input  class="easyui-textbox sCompany" label="<font color='red'>*</font>&nbsp;工作单位:" name="sCompany" style="width:100%"
                    data-options="labelPosition:'top',prompt:'工作单位'" />
        </div>
    </form>
</div>

